   
//新增
var index = 1;
$("#add").click(function add() {
    index++;

    //获取新的tr td
    var newtr = $("<tr></tr>");
    var newtd = $("<td><input type='checkbox'/></td><td></td><td></td><td></td><td></td><td></td><td></td>");
    $("tr:last").after(newtr); // 将新的tr添加到最后一个tr的后面
    //添加子节点
    $("tr:last").append(newtd);//添加td
    //隔行变色
    if (index % 2 == 0) {
       
        $("tr:last").attr("class", "info");
        
    } else {
        $("tr:last").attr("class", "warning");
    }
    newload(newtr);
    

});

// 为原本存在的tr绑定事件
function load() {
        //slice(1)表示下标从1开始的数组元素 遍历每一行 除去表头

    $("tr").slice(1).each(function () {
       
        var old = this;
        $(this).children().slice(1).click(function () {
            //遍历每一列 除去复选框存在的第一列
            $($(old).children()[0]).children().each(function () {
                //遍历td里的子节点
                if (this.type == "checkbox") {
                    //如果子节点类型为复选框则执行
                    
                    if (!this.checked) {
                        this.checked = true;
                        
                    } else {
                        this.checked = false;
                    }
                }
            });
        });
    });
}
//遍历新增的tr 给新增的添加click事件 

function newload(newtr){
    $(newtr).children().slice(1).click(function (){
        var td = $(newtr).children()[0];
        var input = $(td).children()[0];
        
        if(!input.checked){
            
            input.checked = true;
            console.log("t");
        }else{
            console.log("b");
            input.checked = false;
        }
    });
};

// 删除函数
$("#del").click(function () {
    //获取选中的行
    $("tr").slice(1).each(function () {
        var old =this;
        var td = $(this).children()[0];
        var input = $(td).children()[0];
        if (input.checked) {
            //删除节点
           $(old).remove();
        }
    });

})
//查询
$("#select").click(function () {
    //获取输入框的值
    var id = $("#selId").val();
    var name = $("#selName").val();
    //遍历每一行获得工号和姓名
    $("tr").slice(1).each(function () {

        var oid = $($(this).children()[1]).text();
        var oname = $($(this).children()[2]).text();
        if (id == oid || name == oname) {
            $(this).siblings().slice(1).each(function () {
                var nid = $($(this).children()[1]).text();
                var nname = $($(this).children()[2]).text();
                if (nid == id || nname == name) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
        }
    });
});


//编辑
$("#updata").click(function () {
    //获取选中的行
    $("tr").slice(1).each(function () {
        var td = $(this).children()[0];
        var input = $(td).children()[0];
        if (input.checked) {
            $(this).children().slice(1).attr("contenteditable", "true");
        }
    });
})


    
    